import type { App } from 'vue'
import * as NaiveUi from 'naive-ui'

// 常用按需全局安装组件方式引入 naive-ui
const naive = NaiveUi.create({
    components: [
        // 定义需要全局使用的组件
        NaiveUi.NButton, // 按钮
        NaiveUi.NDatePicker, // 日期选择器
        NaiveUi.NSwitch, // 开关选择器
        NaiveUi.NCard, // 卡片
        NaiveUi.NSpace, // 控制间距
        NaiveUi.NConfigProvider, // 全局化配置，参考 https://www.naiveui.com/zh-CN/os-theme/components/config-provider
    ],
})

export function setupNaive(app: App<Element>) {
    app.use(naive)
}
